{% extends "base.html" %}

{% block title %} 脑子卡 {% endblock %}
{% block body %}

    <!-- 图片自展示-->
    <div class="slider">
        <div class="img-responsive">
            <ul class="bxslider">
                <li><img src="../static/img/slider/与众不同.jpg" alt=""/></li>
                <li><img src="../static/img/slider/值得信赖.jpg" alt=""/></li>
                <li><img src="../static/img/slider/服务江城.jpg" alt=""/></li>
            </ul>
        </div>
    </div>

    <!-- 文章展示-->
    <div class="container">
        <div class="row">
            {% for love in love %}
                <div class="col-md-4">
                    <div class="wow bounceIn" data-wow-offset="0" data-wow-delay="0.4s">
                        <div class="align-center">
                            <h4>{{ love.love_name }}</h4>
                            <div class="icon">
                                <i class="fa {{ love.love_ican }} fa-3x"></i>
                            </div>
                            <p>
                                {{ love.love_txt }}
                            </p>
                            {#						p<div class="ficon">#}
                            {#						<a href="#" class="btn btn-default" role="button">Read more</a>#}
                            {#                        </div>#}
                        </div>
                    </div>
                </div>
            {% endfor %}

        </div>
    </div>

{% endblock %}
